<template>
	<div class="homePage">
		<div class="homeBtns">
			<span><img src="http://assets.rurushishi.com/activies/jxbgy/shakeBtn.png" alt=""></span>
			<span><img src="http://assets.rurushishi.com/activies/jxbgy/houseBtn.png" alt=""></span>
			<span><img src="http://assets.rurushishi.com/activies/jxbgy/ruleBtn.png" alt=""></span>
		</div>
	</div>
</template>
<script>
export default {
	data(){
		return {
		
		}
	},
	methods: {
		
	}
}
</script>

<style lang="stylus" scoped>
.homePage{
	position: absolute;
	width: 100%;
	height: 14rem;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(http://assets.rurushishi.com/activies/jxbgy/1.jpg) no-repeat;
	background-size: 100% 100%;
}
.homeBtns{
	width 90%
	margin 0 auto
	padding-top 9rem
	display flex
	justify-content space-around
}
.homeBtns>span{
	display block
}
.homeBtns>span>img{
	width 1.89rem
	height .61rem
}
</style>


